<template>
	<view class="container">
		<!-- 用户信息 -->
		<UserInfo :userInfo="userInfo" />
		
		<!-- 订单管理 -->
		<OrderSection />
		
		<!-- 分销中心 -->
		<DistributionSection :userInfo="userInfo" />
		
		<!-- 功能菜单 -->
		<MenuSection />
	</view>
</template>

<script setup>
import { ref } from 'vue'
import UserInfo from './components/UserInfo.vue'
import OrderSection from './components/OrderSection.vue'
import DistributionSection from './components/DistributionSection.vue'
import MenuSection from './components/MenuSection.vue'

// 用户信息
const userInfo = ref({
	avatar: '',
	nickname: '张三',
	phone: '138****8888',
	isDistributor: true,
	totalCommission: '1234.56',
	availableCommission: '888.88',
	teamCount: '12'
})
</script>

<style lang="scss">
.container {
	min-height: 100vh;
	background-color: #F5F5F5;
}
</style> 